<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<body >
<div align="center">
<form action="#" method="get">
    <h2>用户注册</h2>
    <fieldset style="width: 300px">
        <legend >身份验证--必填信息</legend>
            <table cellpadding="0">
        <tr>
            <td>
                用户名:
            </td>
            <td>
                <input type="text" name="username" placeholder="input your username">
            </td>
        </tr>
        <tr>
            <td>
                 密码:
            </td>
            <td>
                <input type="password" name="password" placeholder="input your password">
            </td>
        </tr>
        <tr>
            <td>
                确认密码:
            </td>
            <td>
                <input type="password" name="password" placeholder="input your password">
            </td>
        </tr>
    </table>
    </fieldset>
    <br>
    <br>
    <fieldset style="width: 300px">
        <legend >身份验证--选填信息</legend>
        <table cellpadding="0">
            <tr>
                <td>
                    所在城市:
                </td>
                <td>
                    <input type="text" name="city" placeholder="input your city">
                </td>
            </tr>
            <tr>
                <td>
                    工作单位:
                </td>
                <td>
                    <input type="text" name="job" placeholder="input your job">
                </td>
            </tr>
            <tr>
                <td>
                    家庭住址:
                </td>
                <td>
                    <input type="text" name="address" placeholder="input your address">
                </td>
            </tr>
        </table>
    </fieldset>

    <br>
    <br>

    <fieldset style="width: 300px">
        <legend >其他个人信息</legend>
        <table cellpadding="0">
            <tr>
                <td>
                    性别:
                </td>
                <td>
                    <select name="sex">
                        <option value="male">男</option>
                        <option value="female">女</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    爱好:
                </td>
                <td>
                    <input type="checkbox" name="hobby" value="music">音乐
                    <input type="checkbox" name="hobby" value="体育">体育
                    <input type="checkbox" name="hobby" value="computer">计算机
                </td>
            </tr>
            <tr>
                <td>
                    喜欢的公司:
                </td>
                <td>
                    <input type="radio" name="name" value="百度">百度
                    <input type="radio" name="name" value="微软">微软
                    <input type="radio" name="name" value="Google">Google
                </td>
            </tr>
            <tr>
                <td>
                    个人简介:
                </td>
                <td>
                    <textarea cols="20px" rows="2px" name="personInfo"></textarea>
                </td>
            </tr>
        </table>
    </fieldset>

    <br>
    <input type="submit" value="提交你的资料">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="reset" value="重新填写资料">
    <br>
    <br>
    <input type="button" value="无效按钮" disabled>



</form>
</div>
</body>
